i <template>
    <div>
               <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <div class="navbar-header">
                      <a class="navbar-brand">智信管理系统</a>
                    </div>
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <router-link tag="li" to="/home/firstPage"><a>首页</a></router-link>
                        <router-link tag="li"  to="/home/user"><a>用户管理</a></router-link>
                        <router-link tag="li" to="/home/book"><a>图书系统</a></router-link>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li @click="logoutClick"><a>退出登录</a></li>
                    </ul>
                    </div><!-- /.navbar-collapse -->
                </div><!-- /.container-fluid -->
                </nav>
           <div>
               <router-view></router-view>
           </div>
    </div>
</template>

<script>
    export default {
        data(){
            return{

            }
        },
        methods:{
            logoutClick(){
                  localStorage.removeItem('user')
                this.$router.push('/login')
              
            }
        }
    }
</script>

<style scoped>
.router-link-active{
    background: #ccc;
    color:#555;
}
</style>